<template>
	<div  class="manorlanshan">
			<zoneheader></zoneheader>
			<div class="manorsec">
				<div class="msecI">
					<a>
						<img src="../assets/images/1474525068939597.jpg"/>
					</a>
				</div>
				<div class="msecI">
					<a>
						<img src="../assets/images/1474525448809972.jpg"/>
					</a>
				</div>
					<winelist :hzdata="hzdata"></winelist>
					<div class="msecI msecJ">
						<a>
						<img src="../assets/images/1474611572097901.jpg"/>
					</a>
					</div>
					<winelist :hzdata="hzdata"></winelist>
					
					<div class="msecI msecJ">
						<a>
						<img src="../assets/images/1474613015652595.jpg"/>
					</a>
					</div>
					<winelist :hzdata="hzdata"></winelist>
				<loadwj></loadwj>
			</div>

			
			
	</div>
</template>

<script>
	import Vue from 'vue';
	import store from '../vuex/store'
	
	import zoneheader from '../components/zoneheader.vue';
	import loadwj from '../components/loadwj.vue';
	import winelist from '../components/winelist.vue';
	import axiosUtil from '../utils/axios.util';
	import  VueResource  from 'vue-resource'
	Vue.use(VueResource) 
		export default {
			data(){
				return{
					datalist:[
					'../assets/images/1474525448809972.jpg',
					'../assets/images/1474611572097901.jpg',
					'../assets/images/1474611572097901.jpg',
					'../assets/images/1474613015652595.jpg'
					],
					hzdata: []
					
				}
			},
		components:{
			loadwj,
			winelist,
			zoneheader
		},
		 mounted() {
    this.$store.commit('changeHeadname','聚会趴，宴请必备酒' );
		//	axiosUtil(this, `/vip/bubble0.php`)
     this.$http.jsonp('/apj/api/simple/recommendService/recommendJP?client_sig=wap&format=jsonp&_=1508977182597')
			.then((res)=>{
				const data = res.body.result
				this.hzdata = data
				console.log(res)
			})
  },
  store
	}

</script>

<style>
</style>